<template>
  <div>
    <router-view></router-view>

    <van-tabbar placeholder route active-color="red" inactive-color="#9C9B9B">
      <van-tabbar-item to="/home">
        <template #icon>
          <van-icon name="wap-home-o" size="24" />
        </template>
        首页
      </van-tabbar-item>
      <van-tabbar-item to="/classify">
        <template #icon>
          <van-icon name="apps-o" size="24" />
        </template>
        分类
      </van-tabbar-item>
      <van-tabbar-item to="/cart">
        <template #icon>
          <van-icon name="shopping-cart-o" size="24" />
        </template>
        购物车
      </van-tabbar-item>
      <van-tabbar-item to="/user">
        <template #icon>
          <van-icon name="user-o" size="24" />
        </template>
        我的
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
div {
  font-size: 0.3rem;
}
</style>
